<x-tabs type="card">
  <x-tab [label]="labelTpl1">
    <ng-template #labelTpl1>
      <x-icon type="fto-box" [style.margin-right.rem]="0.125"></x-icon>
      <span>User Management</span>
    </ng-template>
    <div class="tab-content">User Management</div>
  </x-tab>
  <x-tab [label]="labelTpl2">
    <ng-template #labelTpl2>
      <x-icon type="fto-settings" [style.margin-right.rem]="0.125"></x-icon>
      <span>Configuration management</span>
    </ng-template>
    <div class="tab-content">Configuration management</div>
  </x-tab>
  <x-tab label="Role management">
    <div class="tab-content">Role management</div>
  </x-tab>
  <x-tab label="Task">
    <div class="tab-content">Task</div>
  </x-tab>
</x-tabs>
